.accordion-group {
  &:not(:last-child) {
    @apply mb-48;
  }
}

.accordion {
  @apply w-full border-t;
  
  &--toggle {
    @apply clean-btn text-left flex justify-between items-center px-0 py-16 w-full bg-transparent font-semibold text-18 leading-135;
  }

  &--icon {
    @apply flex-shrink-0 block relative ml-32 w-12 h-12;
    transition: .3s cubic-bezier(0.22, 1, 0.36, 1);

    svg {
      @apply block;
    }

    .is-open & {
      @apply rotate-180;
    }
  }

  &--content {
    @apply overflow-hidden;
  }

  &--inner {
    @apply m-0 pb-48 max-w-2xl;
  }
}